<template>
  <div class="container">
    <navBar :title="'特殊作业票申请'" :backStep="'index'"></navBar>
    <div class="specialList">
      <div class="specialWork">
        <div
          class="specialItem"
          @click="goApply('动火安全作业票', 'donghuoanquan')"
        >
          <div><img src="@/assets/common/组 5874.png" alt="" /></div>
          <div>动火安全作业票</div>
        </div>
        <div
          class="specialItem"
          @click="goApply('高处安全作业票', 'gaochuanquan')"
        >
          <div><img src="@/assets/common/组 5877.png" alt="" /></div>
          <div>高处安全作业票</div>
        </div>
        <div
          class="specialItem"
          @click="goApply('动土安全作业票', 'dongtuanquan')"
        >
          <div><img src="@/assets/common/组 5880.png" alt="" /></div>
          <div>动土安全作业票</div>
        </div>
      </div>
      <div class="specialWork">
        <div
          class="specialItem"
          @click="goApply('受限空间作业票', 'shouxiankongjian')"
        >
          <div><img src="@/assets/common/组 5875.png" alt="" /></div>
          <div>受限空间作业票</div>
        </div>
        <div
          class="specialItem"
          @click="goApply('吊装安全作业票', 'diaozhuanganquan')"
        >
          <div><img src="@/assets/common/组 5878.png" alt="" /></div>
          <div>吊装安全作业票</div>
        </div>
        <div
          class="specialItem"
          @click="goApply('断路安全作业票', 'duanluanquan')"
        >
          <div><img src="@/assets/common/组 5881.png" alt="" /></div>
          <div>断路安全作业票</div>
        </div>
      </div>
      <div class="specialWork">
        <div
          class="specialItem"
          @click="goApply('盲板抽堵作业票', 'mangbanchoudu')"
        >
          <div><img src="@/assets/common/组 5876.png" alt="" /></div>
          <div>盲板抽堵作业票</div>
        </div>
        <div
          class="specialItem"
          @click="goApply('临时用电作业票', 'linshiyongdian')"
        >
          <div><img src="@/assets/common/组 5879.png" alt="" /></div>
          <div>临时用电作业票</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import navBar from '@/components/navBar.vue'
export default {
  name: 'myTodoList',
  props: {},
  components: {
    navBar,
  },
  data() {
    return {}
  },
  methods: {
    goApply(e, code) {
      if (
        code == 'shouxiankongjian' ||
        code == 'duanluanquan' ||
        code == 'mangbanchoudu'
      ) {
        this.$toast.fail(e + ' 场景尚未录入')
        return
      }
      this.$router.push({
        path: '/applyWork',
        query: {
          type: e,
          code,
        },
      })
    },
  },
  mounted() {},
  watch: {},
  computed: {},
  filters: {},
}
</script>

<style scoped lang="scss">
.container {
  width: 100%;
  height: 100vh;
  background: #f5f6f7;
}
.specialList {
  display: flex;
  justify-content: space-around;
  padding-top: 16px;
  color: #313235;
  font-size: 16px;
}
// .specialWork {
// display: flex;
// justify-content: space-around;
// margin: 16px 0;
// padding: 0 16px;
// }
.specialItem {
  width: 103px;
  height: 120px;
  background-color: #fff;
  text-align: center;
  // line-height: 120px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 16px;
  img {
    width: 40px;
    height: 40px;
  }
}
</style>
